<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>套餐详情</title>
<link href="/css/wedding-3.css" rel="stylesheet"/>
    <script type="text/javascript" th:src="@{/js/jquery-3.1.1.js}"></script>
</head>
<body>
	<div id="public-navbar">
    	<div class="layout_center layout_clear" style="overflow:visible">
            <div class="layout_fl" ><a th:if="${session.user == null}" th:text="请登录"  th:href="@{/loginHtml}">请登录</a>
                <a th:if="${session.user != null}" th:text="退出" th:href="@{/exit}"></a></div>
        </div>
        	<ul class="layout_fr fl_li">
            	<li>
                	<div class="use-layout">
                    	<a th:href="@{/personalDataHtml}">
                    		<span class="use-status">会员中心</span>
                        </a>
                        <div class="use-option" style="display:none">
                        	<a>会员登录</a>
                            <a>免费注册</a>
                        </div>
                        <i class="use-arrow page_icon"></i>
                    </div>
                </li>
                <li>
                	<span class="use-hr"></span>
                </li>
                <li>
                	<a th:href="@{/shopCartHtml}">我的购物车</a>
                </li>
                <li>
                	<span class="use-hr"></span>
                </li>
                <li>
                	<div class="use-layout">
                    	<a th:href="@{/orderHtml}">
                    		<span class="use-status">订单</span>
                        </a>
                       	<div class="use-option" style="display: none;">
                       		<a>商户登录</a>
                           	<a>免费入驻</a>
                       	</div>
                        <i class="use-arrow page_icon"></i>
                    </div>
                </li>
                <li>
                	<span class="use-hr"></span>
                </li>
            </ul>
    	</div>
    </div>
    <div id="public-toolbar" class="hidden_active">
    	<div class="layout_center layout_clear">
        	<div class="page-logo layout_fl"><a><img src="../static/img/rxT54692503vu.jpg"></a></div>
            <div class="page-search layout_fl">
            	<div class="page-search-bar layout_clear">
                	<div class="page-search-text layout_fl">
                    	<input type="text" class="search-cover" placeholder="搜索产品或店铺">
                    </div>
                    <div class="page-search-btn layout_fl">
                    	<input type="button" value="搜索" class="search-button">
                    </div>
                </div>
                <ul class="page-search-key layout_clear fl_li" >
                    <li class="search-key-ous">大家都在搜：</li>
                    <li><a>酒店</a></li>
                    <li><a>婚纱</a></li>
                    <li><a>婚庆用车</a></li>
                    <li><a>度假</a></li>
                </ul>
            </div>
            <div class="page-release layout_fl">
            	<a>立即发布需求</a>
            </div>
            <div class="page-tels layout_fr">
            	<span class="tel-show">全国免费咨询热线</span>
                <span class="tel-pink"><strong>023-6766-4541</strong></span>
            </div>
        </div>
    </div>
    <div id="page-middle-bar">
    	<div class="layout_center layout_clear">
        	<div class="button layout_fl">全部分类</div>
            <ul class="layout_clear layout_fl fl_li">
            	<li><a th:href="@{/wedding}">首页</a></li>
                <li><a th:href="@{/hotelQueryByPage}">婚宴场地</a></li>
                <li><a>婚纱摄影</a></li>
                <li><a>婚庆用车</a></li>
                <li><a>婚庆公司</a></li>
                <li><a>婚具租赁</a></li>
                <li><a>定制人员</a></li>
                <li><a>婚品商城</a></li>
                <li><a>蜜月度假</a></li>
                <li><a>视频秀</a></li>
            </ul>
        </div>
    </div>
    <div id="page-godMx">
    	<div class="layout_center">
        	<div class="path">
            	<span><a th:href="@{/wedding}">婚礼汇</a></span>
                <em>></em>
                <span><a th:href="@{/hotelQueryByPage}">婚宴场地</a></span>
                <em>></em>
                <span><a th:href="@{/detailsList(imgId=${hotelDto.imgID},imgAdd=${hotelDto.imgAdd},tbHotelHotelId=${hotelDto.tbHotelHotelId},hotelName=${hotelDto.hotelName},hotelAddress=${hotelDto.hotelAddress},hotelTel=${hotelDto.hotelTel},hotelStar=${hotelDto.hotelStar},hotelTime=${hotelDto.hotelTime})}" ><span th:text="${hotelDto.hotelName}+酒店">特色套餐</span ></a></span>
                <em>></em>
                <a class="cur" th:text="${packageInformation.packageName}" id="packageName">1699元套餐</a>
            </div>
            <div id="gods-header" class="gods-header layout_clear" style="margin-top:0px;">
            	<h2 class="gods-header-tit" th:text="${hotelDto.hotelName}" id="hotelName">重庆南温泉丽筠酒店</h2>
                <div class="gods-header-fl layout_fl">
                	<div id="gods-display-img">
                        <input type="hidden" id="shopPingCartImg" th:value="${hotelDto.imgAdd}">
                    	<img th:src="@{/{imgAdd}(imgAdd=${hotelDto.imgAdd})}">
                    </div>
                    <div id="gods-display-list">
                    	<ul class="layout_clear fl_li">
                        	<li class="win_current">
                            	<img th:src="@{/{imgAdd}(imgAdd=${hotelDto.imgAdd})}">
                            </li>
                        </ul>
                    </div>
                    <div class="gods-attrid">
<!--                    	<span class="fl"><商品编号：XqS58408837QL/span>-->
                        <span class="fr">
                        	<span class="gods-share"><i class="page_icon"></i>分享</span>
                            <span class="gods-follow" style="cursor:pointer"><i class="page_icon"></i>收藏商品</span>
                        </span>
                    </div>
                </div>
                <div class="gods-header-cn layout_fl">
                	<div class="gods-uhbasic">
                    	<p class="gods-uhbasic-tit" th:text="${packageInformation.packageName}">1699元套餐</p>
                        <p class="gods-uhbasic-stat" th:text="${packageInformation.packageContent}">6个冷菜、1个汤、10个热菜、2个点心、1个主食、1盘水果</p>
                    </div>
                    <div class="gods-uhsale layout_clear">
                    	<div class="gods-uhsale-fl layout_fl">
                        	<div class="gods-uhprice-item">
                            	<span class="gods-uhprice-label">原价</span>
                                <h4>￥<span id="packagePrice" th:text="${packageInformation.packagePrice+300}">1999.00</span></h4>
                            </div>
                            <div class="gods-uhprice-item">
                            	<span class="gods-uhprice-label">平台价</span>
                                <h2 th:text="${packageInformation.packagePrice}"><em class="gods-uhprice-str">￥</em>1699.00</h2>
                            </div>
                        </div>
                        <div class="gods-uhsale-fr layout_fl">
                        	<span>累计评价</span>
                            <h3>0</h3>
                        </div>
                    </div>
                    <div class="gods-pro">
                    	<dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label">联系地址</dt>
                            <dd class="gods-pro-param gods-pro-primary layout_fl" th:text="${hotelDto.hotelAddress}">中国重庆巴南区南泉街道南泉路7号</dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label">服务</dt>
                            <dd class="gods-pro-param gods-pro-primary layout_fl">
                                由<a class="gods-pro-key1" th:href="@{/detailsList(imgId=${hotelDto.imgID},imgAdd=${hotelDto.imgAdd},tbHotelHotelId=${hotelDto.tbHotelHotelId},hotelName=${hotelDto.hotelName},hotelAddress=${hotelDto.hotelAddress},hotelTel=${hotelDto.hotelTel},hotelStar=${hotelDto.hotelStar},hotelTime=${hotelDto.hotelTime})}"><span th:text="${hotelDto.hotelName}">重庆南温泉丽筠酒店</span></a>提供售后服务<a class="gods-pro-key0">联系卖家</a>
                            </dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label gods-pro-clear0">套餐类型</dt>
                            <dd class="gods-pro-param gods-pro-primary layout_fl">
                            	<ul class="gods-pro-list gods-pro-list0">
                                	<li th:onclick="|menu('a')|" th:id="ma" class="check"><a>A款</a></li>
                                	<li th:onclick="|menu('b')|" th:id="mb"><a>B款</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label gods-pro-clear0">婚宴场地</dt>
                            <dd class="gods-pro-param gods-pro-primary layout_fl">
                            	<ul class="gods-pro-list gods-pro-list0">
                                	<li class="check room" th:id="${detailsRoomDto.roomId}" th:onclick="|room('${detailsRoomDto.roomId}')|"><a><span th:text="${detailsRoomDto.roomName}">龙泉厅</span></a></li>
                                	<li class="room" th:id="${drd.roomId}" th:onclick="|room('${drd.roomId}')|" th:if="${detailsRoomDtoLists!=null}" th:each="drd:${detailsRoomDtoLists}"><a><span th:text="${drd.roomName}"></span></a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label gods-pro-clear2">数量</dt>
                            <dd class="gods-pro-param gods-pro-primary layout_fl">
                            	<span class="gods-counter">
                                	<input type="number" th:onchange="'change1()'" id="number" class="gods-counter-text" name="BuyCarNum" value="1" maxlength="3" min="1">
                                    <span class="gods-counter-btn">
                                        <span class="gods-counter-push page_icon" title="加" th:onclick="|EditBuyNum('add')|" th:text="加"></span>
                                        <span class="gods-counter-reduce page_icon" title="减" th:onclick="|EditBuyNum('cut')|" th:text="减"></span>
                                    </span>
                                    <span class="gods-counter-outs">件</span>
                                    <span class="gods-counter-num" id="stock">(库存99件)</span>
                                </span>
                            </dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dt class="gods-pro-label">服务承诺</dt>
                            <dd class="gods-pro-param gods-pro-middle layout_fl">正品保障 沟通预订 资金管理 满意后付款</dd>
                        </dl>
                        <dl class="gods-pro-item layout_clear">
                        	<dd class="gods-pro-item layout_clear">
                            	<a class="gods-pro-payfor" th:onclick="|loginText('buy')|">立即购买</a>
                                <a class="gods-pro-payfor" th:onclick="|loginText('cart')|">加入购物车</a>
                                <span th:style="'color:red; font-size:20px;'" th:id="loginError"></span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="gods-header-fr layout_fl">
                	<div class="gods-shop">
                   		<div class="gods-shop-tit" th:text="${hotelDto.hotelName}">重庆南温泉丽筠酒店</div>
                        <div class="gods-shop-logo"><img th:src="@{/{imgAdd}(imgAdd=${hotelDto.imgAdd})}" style="width:100%;height: 100%;"></div>
                        <div class="gods-shop-go"><a class="cur" th:href="@{/detailsList(imgId=${hotelDto.imgID},imgAdd=${hotelDto.imgAdd},tbHotelHotelId=${hotelDto.tbHotelHotelId},hotelName=${hotelDto.hotelName},hotelAddress=${hotelDto.hotelAddress},hotelTel=${hotelDto.hotelTel},hotelStar=${hotelDto.hotelStar},hotelTime=${hotelDto.hotelTime})}">进入店铺</a> <a>收藏店铺</a></div>
                    </div>
                    <div class="gods-aside-inset"><img src="/img/qER49920125Kw.jpg" style="margin:auto"></div>
                    <ul class="gods-other-list">
                    	<li th:each="hl:${hotelDtoList}">
                        	<a th:href="@{/detailsList(imgId=${hl.imgID},imgAdd=${hl.imgAdd},tbHotelHotelId=${hl.tbHotelHotelId},hotelName=${hl.hotelName},hotelAddress=${hl.hotelAddress},hotelTel=${hl.hotelTel},hotelStar=${hl.hotelStar},hotelTime=${hl.hotelTime})}">
                            	<div>
                    				<img th:src="@{{imgAdd}(imgAdd=${hl.imgAdd})}" style="width:100%">
                       				<span class="gods-inc"><span class="gods-inc-text" th:text="${hl.hotelName}">湘域中餐厅</span></span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div> 
            </div>
            <div id="gods-section" class="gods-section layout_clear">
            	<div class="gods-grids-fl layout_fl">
                	<div class="gods-aside-hd">相似产品<a class="layout_fr">更多</a></div>
                    <ul class="gods-aside-list">
                    	<li th:each="dp:${detailsPackageDtoList}">
                        	<a th:href="@{/packageDetailsList(imgId=${hotelDto.imgID},imgAdd=${hotelDto.imgAdd},tbHotelHotelId=${hotelDto.tbHotelHotelId},hotelName=${hotelDto.hotelName},hotelAddress=${hotelDto.hotelAddress},hotelTel=${hotelDto.hotelTel},hotelStar=${hotelDto.hotelStar},hotelTime=${hotelDto.hotelTime},packageId=${dp.packageId})}">
                            	<div class="gods-aside-img">
                                	<img th:src="@{/{imgAdd}(imgAdd=${dp.imgAdd})}" style="width: 100%; display: block;">
                                </div>
                                <div class="gods-aside-dis">
                                	<p class="gods-aside-price"><span th:text="${dp.packagePrice}">￥0.00</span></p>
                                    <p class="gods-aside-text" th:text="${dp.packageName}">大厅</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="gods-grids-fr layout_fl">
                	<div class="gods-grids-swit">
                    	<ul class="layout_clear fl_li">
                        	<li class="current">
                            	<a>商品介绍</a>
                            </li>
                            <li>
                            	<a>评价(0)</a>
                            </li>
                        </ul>
                    </div>
                    <div class="gods-swit-coloum">
                    	<div style="display:block">
                        	<div class="gods-gdx-img">
                            	<p>
                                	<img  th:id="menuimga" th:src="@{{imgAdd}(imgAdd=${packageInformation.packageMenua})}" style="height:1280px; width:904px">
                                	<img hidden th:id="menuimgb" th:src="@{{imgAdd}(imgAdd=${packageInformation.packageMenub})}" style="height:1280px; width:904px">
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page-footer">
    	<div class="layout_center">
        	<div class="footer-list">
            	<dl class="footer-item">
                	<h3>新手上路</h3>
                    <a  >
                    	<dd><b></b>如何注册</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何登录</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何预订</dd>
                    </a>
                    <a  >
                    	<dd><b></b>购物流程</dd>
                    </a>
                    <a  >
                    	<dd><b></b>预订须知</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>公司信息</h3>
                    <a  >
                    	<dd><b></b>关于我们</dd>
                    </a>
                    <a  >
                    	<dd><b></b>用户协议</dd>
                    </a>
                    <a  >
                    	<dd><b></b>隐私申明</dd>
                    </a>
                    <a  >
                    	<dd><b></b>商家入驻协议</dd>
                    </a>
                    <a  >
                    	<dd><b></b>安全须知</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>合作联系</h3>
                    <a  >
                    	<dd><b></b>联系我们</dd>
                    </a>
                    <a  >
                    	<dd><b></b>招商加盟</dd>
                    </a>
                    <a  >
                    	<dd><b></b>商户平台</dd>
                    </a>
                    <a  >
                    	<dd><b></b>招聘信息</dd>
                    </a>
                </dl>
                <dl class="footer-item">
                	<h3>帮助中心</h3>
                    <a  >
                    	<dd><b></b>忘记密码</dd>
                    </a>
                    <a  >
                    	<dd><b></b>常见问题</dd>
                    </a>
                    <a  >
                    	<dd><b></b>在线客服</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何上传产品</dd>
                    </a>
                    <a  >
                    	<dd><b></b>如何成为商家</dd>
                    </a>
                </dl>
                <div class="footer-mobile">
                	<img src="../static/img/SVT58398773Nz.jpg">
                    <h2>官方微信</h2>
                </div>
            </div>
            <div class="footer-data0">
            	<a><i class="footer-ad0" title="可信网站身份验证"></i></a>
                <a><i class="footer-ad1" title="重庆网警备案"></i></a>
                <a><i class="footer-ad2" title="重庆工商行政管理"></i></a>
                <a><i class="footer-ad3" title="安全联盟认证"></i></a>
            </div>
            <div class="footer-data1">
            	友情链接：
            	<a href="https://www.baidu.com/" target="_blank">百度</a>
                <em>|</em>
                <a href="https://www.taobao.com/">淘宝</a>
            </div>
            <div class="footer-data2">
            	 CopyRight 2016 婚礼汇 All Rights Reserved 
                 <a href="Untitled-2.html">渝ICP备14001673号</a>
            </div>
        </div>
    </div>
    <a target="_blank" title="联系我们" href="Untitled-2.html">
    	<span id="askus">&nbsp;</span>
    </a>
    <div id="gotop" title="返回顶部" style="display:block; background:url(../static/img/gotop.png) -70px 0px no-repeat"></div>
</body>
<script type="text/javascript">
    function menu(menu){
        let $menua = $("#ma");
        let $menub = $("#mb");
        let $menuimga = $("#menuimga");
        let $menuimgb = $("#menuimgb");
        if(menu==="a"){
            $menua.addClass("check");
            $menub.removeClass("check");
            $menuimga.show(1);
            $menuimgb.hide(1);
        }
        if(menu==="b"){
            $menua.removeClass("check");
            $menub.addClass("check");
            $menuimga.hide(1);
            $menuimgb.show(1);
        }
    }
    function room(data) {
        let $room1 = $("#room1");
        $room1.removeClass("check");
        $(".room").each(function () {
            $(this).removeClass("check");
        });
        $("#"+data).addClass("check")
    }
    function loginText(da) {
        let temp=1;
        let shopPingCartType="";
        let shopPingCartPlace="";
        let $shopPingCartPrice = $("#packagePrice");
        $(".check").each(function () {
            if(temp===1){
                shopPingCartType= $(this).children("a:eq(0)").html();
             temp++;
            }
            if(temp===2){
                shopPingCartPlace=$(this).children("a:eq(0)").children("span:eq(0)").html();
            }
        });
        let $packageName = $("#packageName");
        $.get("/loginText",function (data) {
            if(data==="0"){
                $("#loginError").html("请登录!!!")
            }else {
                if(da==="cart"){
                    $.get("/shopPingCart?shopPingCartName="+$packageName.html()+"&shopPingCartType="+shopPingCartType+"&shopPingCartPlace="+shopPingCartPlace+"&shopPingCartPrice="+$shopPingCartPrice.html()+"&shopPingCartCount="+$("#number").val()+"&shopPingCartImg="+$("#shopPingCartImg").val()+"&shopPingCartHotelName="+$("#hotelName").html(),function (data) {
                        if(data==="1"){
                            $("#loginError").html("添加成功")
                        }
                    });
                    // location.href="shopPingCart?shopPingCartName="+$packageName.html()+"&shopPingCartType="+shopPingCartType+"&shopPingCartPlace="+shopPingCartPlace+"&shopPingCartPrice="+$shopPingCartPrice.html()+"&shopPingCartCount="+$("#number").val()+"&shopPingCartImg="+$("#shopPingCartImg").val()+"&shopPingCartHotelName="+$("#hotelName").html();
                }else if(da==="buy"){
                    $.get("/order?count="+$("#number").val()+"&price="+$shopPingCartPrice.html()+"&product="+$packageName.html(),function (data) {
                        if(data==="1"){
                            $("#loginError").html("购买成功")
                        }
                    })
                }
            }
        });

    }
    function EditBuyNum(data) {
        let $number = $("#number");
        if(data==="add"){
            $number.val(Number($number.val())+1);
            let $number1 = $("#number");
            if($number1.val()>99){
                $number1.val(99)
            }
        }else if(data==="cut"){
            $number.val(Number($number.val())-1);
            let $number1 = $("#number");
            if($number1.val()==="0"){
                $number.val(1)
            }
        }
    }
    function change1() {
        let $number = $("#number");
        if($number.val()<1){
            $number.val(1);
        }
        if($number.val()>99){
            $number.val(99);
        }
    }
</script>
</html>
